<div class="table-body">
    <table id="balanceTable" lay-filter="balanceTable"></table>
</div>

<script>
    layui.use(['form', 'table'], function () {
        var tableIn =layui.table.render({
            elem: '#balanceTable',
            height: 'full-99',
            cellMinWidth: '80',
            url: "{:url('searchCards')}",
            id: 'balanceTable',
            totalRow: true,
            toolbar: '#toolbar',
            defaultToolbar: ['filter', 'exports'],
            cols: [[
                { type: 'numbers'},
                { field: 'card_num', align: 'center', title: 'card_num' ,totalRowText:'Total：'},
                {field: 'balance', title: '卡余额($)', align:"center",
                    style:'color:#FF5722;font-weight:bold',totalRow: true},
                {field: 'balance_total', title: '卡总余额($)', align:"center",
                    style:'color:#FF5722;font-weight:bold',totalRow: true},
                {field: 'cardExpiration', title: '过期时间', align:"center"},
                {field: 'status', title: '历史状态', align:"center"},
                {field: 'old_status', title: 'old状态', align:"center"},
                {field: 'new_status', title: '更新状态', align:"center"}
            ]],
            page: true,
            limit: 10000,
            limits: [10000],
        });
    });
</script>